﻿@{
    ViewBag.Title = "Busqueda Avanzada";
    
}
<script src="@Url.Content("~/js/calendario.js")" type="text/javascript" ></script>
<script src="@Url.Content("~/js/trazabilidad.js")" type="text/javascript" ></script>
<script src="@Url.Content("~/js/ajax.js")" type="text/javascript" ></script>
<script src="@Url.Content("~/js/wick.js")" type="text/javascript" ></script>
 <script src="@Url.Content("~/Scripts/layout/jquery-1.8.0.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/jquery-ui.js")" type="text/javascript"></script>

<link href="@Url.Content("~/Content/themes/base/jquery-ui.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/css/wick.css")" rel="stylesheet" type="text/css" />
<link type="text/css" rel="stylesheet" href="@Url.Content("~/css/grilla.css")" />
<script type="text/javascript">
    var dataDependencia;
    window.onload = function () {
        //cargarAutoComplete("0", "dataDependencia", "D");
        $("#fechaInicio").datepicker({ dateFormat: 'dd/mm/yy' });
        $("#fechaFin").datepicker({ dateFormat: 'dd/mm/yy' });
        cargarAutoCompleteCorto("17", "dataTipo", "C", "45", "2386");
        cargarAutoCompleteCorto("17", "dataTipo", "C", "46", "2387");
        cargarAutoCompleteCorto("17", "dataTipo", "C", "47", "2388");
        cargarAutoCompleteCorto("17", "dataTipo", "C", "48", "2389");
        cargarAutoCompleteCorto("17", "dataTipo", "C", "49", "2390");
        cargarAutoCompleteCorto("17", "dataTipo", "C", "50", "2391");
        inicioModal();
    }

    function onchangeClase(obj) {
        var objTipo = document.getElementById('motivo');
        objTipo.options.length = 0;
        objTipo.options[0] = new Option("Todos", "0");
        try {
            var txtdiv = $("#div17" + obj.value).text();
            var arr;
            var jsarr = "arr" + txtdiv;
            eval(jsarr);
            var cont = 0;

            for (i = 0; i < arr.length; i++) {
                var valor = $.trim(arr[i]);
                var j = valor.indexOf("<");
                var text = valor.substr(0, j);
                var value = valor.substr(j + 1, valor.length - j - 2);
                objTipo.options[i + 1] = new Option(text, value);
            }
        } catch (e) { }

    }

    function busquedaAvanzada() {
        var urlBuscarSolicitud = URL + "Busqueda/Buscar";

        var tipoDoc = $.trim($("#tipoDoc").val());
        var nroDoc = $.trim($("#nroDoc").val());
        var apPaterno = $.trim($("#apPaterno").val());
        var apMaterno  = $.trim($("#apMaterno").val());
        var nombre  = $.trim($("#nombre").val());

        var programa  = $.trim($("#programa").val());
        var  tipo = $.trim($("#tipo").val());
        var motivo = $.trim($("#motivo").val());
        var fechaInicio = $.trim($("#fechaInicio").val());
        var fechaFin = $.trim($("#fechaFin").val());

        var vSumilla = $.trim($("#vSumilla").val());
        var vAccion = $.trim($("#vAccion").val());
      
       
        var error = "";


        if (error != "")
            alert(error);
        else {
            $("#divSolicitud").ajaxStart(function () {
                $("#trSolicitud").css("display", "none");
                $("#divReloj").html("Buscando...<img src='" + URL + "images/reload.gif' />");
            });
            //ert(motivo);
            $("#divSolicitud").load(urlBuscarSolicitud, { tipoDoc: tipoDoc, nroDoc: nroDoc, apPaterno: apPaterno, apMaterno: apMaterno, nombre: nombre, programa: programa, tipo: tipo, motivo: motivo, fechaInicio: fechaInicio, fechaFin: fechaFin, vSumilla: vSumilla, vAccion: vAccion}, function (response, status, xhr) {
                $("#trSolicitud").css("display", "table-row");
                $("#divReloj").html("");
            });

            $("#divSolicitud").ajaxError(function (e, jqxhr, settings, exception) {
                $(this).html(jqxhr.responseText);
                $("#trSolicitud").css("display", "table-row");
                $("#divReloj").html("");
                // $(this).html("<div align='center'><br/>No se encontraron resultados con los criterios seleccionados.<br/><br/></div>");
            });
        }
    }


    function ver(id) {
        var urlBuscarSolicitud = URL + "Trazabilidad/Ver/" + id;
       // alert(urlBuscarSolicitud);
        $("#divTrazabilidad").dialog("open");
        $.ajax({
            global: false,
            url: urlBuscarSolicitud,
            beforeSend: function () {
                //$("#divFuncionarios").html("<DIV ALIGN='CENTER' width='16px' height='16px' height='100%'><img src='" + URL + "images/reload.gif'></img></DIV>");
              $("#divTrazabilidad").html("<div align='center'>Buscando...<img src" + URL + "images/reload.gif' /></div>");
            },
            complete: function () { },
            error: function () { }
        })
        .done(function (data) {
            //alert(data);
            $('#divTrazabilidad').html(data);

        });

    }

    function inicioModal() {

        $("#divTrazabilidad").dialog({
            height: 600,
            width: 1010,
            modal: true,
            autoOpen: false
        });
    }

</script>
<style>
    fieldset    {
                width: 90%;
                height: 65px;
                margin:  0 1em 0 0;
                padding: 0.5em 1em;
                }
</style>
<form id="frmBandja" name="frmBandja" action="" method="post" style="margin: 0px;
padding: 0px;">
<center>
    <div style="width: 990px; height: 100%">
        <table cellpadding="0" border="0" cellspacing="0" width="100%">
            <tbody class="textNormal8">
                <tr class="tituloBlanco_MIDIS" align="right">
                    <td style="height: 15px;">
                        BÚSQUEDA AVANZADA DE SOLICITUDES&nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        <table class="tablaInterna_MIDIS" border="0">
                            <tr>
                                <td width="35%">
                                    <fieldset style="border-color: #3162A6;">
                                        <legend class="tituloTextNormal"><b>Solicitante o Afectado</b></legend>
                                        <table border="0">
                                            <tr>
                                                <td align="center" class="tituloTextNormal">
                                                    Tipo de Doc.
                                                </td>
                                                <td>
                                                    &nbsp;
                                                </td>
                                                <td class="tituloTextNormal">
                                                    Nro de Doc.
                                                </td>
                                                <td>
                                                    &nbsp;
                                                </td>
                                                <td class="tituloTextNormal">
                                                    Ape. Paterno
                                                </td>
                                                <td>
                                                    &nbsp;
                                                </td>
                                                <td class="tituloTextNormal">
                                                    Ape. Materno
                                                </td>
                                                <td>
                                                    &nbsp;
                                                </td>
                                                <td class="tituloTextNormal">
                                                    Nombre
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    @Html.DropDownList("tipoDoc", (IEnumerable<SelectListItem>)ViewBag.TipoDocumento)
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                    <input type="text" name="nroDoc" id="nroDoc" ondblclick="javascript:limpiaCaja(this)"
                                                        style="width: 75px;" maxlength="10" onkeypress="javascript:ValidaCaracteres();" />
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                    <input type="text" name="apPaterno" id="apPaterno" ondblclick="javascript:limpiaCaja(this)"
                                                        style="width: 75px;" maxlength="10" onkeypress="javascript:ValidaCaracteres();" />
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                    <input type="text" name="apMaterno" id="apMaterno" ondblclick="javascript:limpiaCaja(this)"
                                                        style="width: 75px;" maxlength="10" onkeypress="javascript:ValidaCaracteres();" />
                                                </td>
                                                <td>
                                                    <td>
                                                        <input type="text" name="nombre" id="nombre" ondblclick="javascript:limpiaCaja(this)"
                                                            style="width: 75px;" maxlength="10" onkeypress="javascript:ValidaCaracteres();" />
                                                    </td>
                                            </tr>
                                        </table>
                                    </fieldset>
                                </td>
                                <td width="20">
                                    &nbsp;
                                </td>
                                <td width="45%">
                                    <fieldset style="border-color: #3162A6;">
                                        <legend class="tituloTextNormal">Solicitud</legend>
                                        <table border="0">
                                            <tr>
                                                <td align="center" class="tituloTextNormal">
                                                    Programa
                                                </td>
                                                <td>
                                                    &nbsp;
                                                </td>
                                                <td class="tituloTextNormal">
                                                    Tipo
                                                </td>
                                                <td>
                                                    &nbsp;
                                                </td>
                                                <td class="tituloTextNormal">
                                                    Motivo
                                                </td>
                                                <td>
                                                    &nbsp;
                                                </td>
                                                <td class="tituloTextNormal">
                                                    Desde
                                                </td>
                                                <td>
                                                    &nbsp;
                                                </td>
                                                <td class="tituloTextNormal">
                                                    Hasta
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    @Html.DropDownList("programa", (IEnumerable<SelectListItem>)ViewBag.Programa, "Todos")
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                    @Html.DropDownList("tipo", (IEnumerable<SelectListItem>)ViewBag.Clase, "Todos", new { onchange = "javascript:onchangeClase(this);" })
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                    <select id="motivo" name="motivo">
                                                        <option>Todos</option>
                                                    </select>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                    <input type="text" name="fechaInicio" id="fechaInicio" ondblclick="javascript:limpiaCaja(this)"
                                                        style="width: 55px;" maxlength="10" onkeypress="javascript:ValidaCaracteres();" />
                                                </td>
                                                <td>
                                                    <td>
                                                        <input type="text" name="fechaFin" id="fechaFin" ondblclick="javascript:limpiaCaja(this)"
                                                            style="width: 55px;" maxlength="10" onkeypress="javascript:ValidaCaracteres();" />
                                                    </td>
                                            </tr>
                                        </table>
                                    </fieldset>
                                </td>
                            </tr>
                            <tr>
                                <td width="35%">
                                    <fieldset style="border-color: #3162A6;">
                                        <legend class="tituloTextNormal"><b>Contenido</b></legend>
                                        <table border="0">
                                            <tr>
                                                <td align="center" class="tituloTextNormal">
                                                    Sumilla
                                                </td>
                                                <td>
                                                    &nbsp;
                                                </td>
                                                <td class="tituloTextNormal">
                                                    Acción
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <input type="text" name="vSumilla" id="vSumilla" ondblclick="javascript:limpiaCaja(this)"
                                                        style="width: 190px;" onkeypress="javascript:ValidaCaracteres();" />
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                    <input type="text" name="vAccion" id="vAccion" ondblclick="javascript:limpiaCaja(this)"
                                                        style="width: 190px;" maxlength="10" onkeypress="javascript:ValidaCaracteres();" />
                                                </td>
                                            </tr>
                                        </table>
                                    </fieldset>
                                </td>
                                <td></td>
                                <td align="center">
                                <input type="button" value="Buscar" onclick="busquedaAvanzada()">
                                </td>
                            </tr>
                            <tr>
                            <td align="center" colspan="3"><div id="divReloj" style="width: 100%" />
                            </td>
                        </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                            <table width="900px" border="1" cellpadding="5" cellspacing="0" class="tablaInterna_MIDIS">
                                <tbody>
                                    <tr id="trSolicitud" style="display: none">
                                        <td>
                                             <div id="divSolicitud" class="wfo_widget fc picked" title="Click to edit. Drag to reorder." style="z-index: 500;">
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td>
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td>
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td>
                            &nbsp;
                        </td>
                    </tr>
            </tbody>
        </table>
    </div>
</center>
<div id="div1745" style="display: none"></div>
<div id="div1746" style="display: none"></div>
<div id="div1747" style="display: none"></div>
<div id="div1748" style="display: none"></div>
<div id="div1749" style="display: none"></div>
<div id="div1750" style="display: none"></div>
<div id="div0" style="display: none">
</div>
<div style="display:none">
<div id="divTrazabilidad"></div>
</div>
</form>
